<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Document</title>
<link rel="stylesheet" href="../font2/iconfont.css">
<link rel="stylesheet" href="../css/index.css">
<link rel="stylesheet" href="../css/anta.css">
<link rel="stylesheet" href="../js/swiper-bundle.min.css">
<link rel="stylesheet" href="../js/swiper-bundle.min.js">
<style>
.swiper-container{
        width: 1303px;
        height: 456px;
        text-align: center;
        margin-top: 40px;
     }
     .swiper-container img{
        width: 310px;
        height: 310px;
     }
     .swiper-wrapper{
        display: flex;
        justify-content: space-between;
     }
     .swiper-slide{
        margin-left: 10px;
     }</style></head><body><!-- 顶端 --><div class="all"><div class="nav"><section><span><a href="./denglu.html">登入</a></span> 或 <span><a href="./zhuce.html">注册</a></span> <span><a href="">ANTA会员</a></span></section><section><a href="./guowuche.html"><span class="iconfont icon-gouwuche"></span></a> <span class="iconfont icon-kefu"></span> <span>EN</span></section></div><!-- 导航 --><div class="daohang"><a href="./anta.html"><img src="../img/anta_02.jpg" alt=""></a><ul><li><a href="./shangpin.html">冬奥国旗款</a></li><li class="left1"><a href="#">男子</a><!-- <ul>
                <li>
                    <div class="leftt">
                        <section>
                            <ul>
                                <li class="big">所有鞋类</li>
                                <li>运动鞋</li>
                                <li>跑鞋</li>
                                <li>篮球鞋</li>
                                <li>休闲鞋</li>
                                <li>板鞋</li>
                                <li>户外综训鞋</li>
                            </ul>
                        </section>
                        <section>
                            <ul>
                </li>
                <li class="big">套头卫衣</li>
                <li>外套夹克</li>
                <li>羽绒服/马甲</li>
                <li>短袖T恤</li>
                <li>长裤</li>
                <li>运动短裤</li>
            </ul>
            </section>
            <section>
                <ul>
                    <li class="big">所有配件</li>
                    <li>包类</li>
                    <li>运动袜子</li>
                </ul>
            </section>
            <section>
                <ul>
                    <li class="big">运动项目</li>
                    <li>跑步</li>
                    <li>篮球</li>
                    <li>综训</li>
                    <li>生活</li>
                    <li>健身</li>
                </ul>
            </section>
</div>
</li>
</ul>
</li> --></li><li class="center1"><a href="">女子</a><!-- <div class="center">
        <section>
            <ul>
                <li class="big">所有鞋类</li>
                <li>运动鞋</li>
                <li>跑鞋</li>
                <li>篮球鞋</li>
                <li>休闲鞋</li>
                <li>板鞋</li>
                <li>户外综训鞋</li>
            </ul>
        </section>
        <section>
            <ul>
</li>
<li class="big">套头卫衣</li>
<li>外套夹克</li>
<li>羽绒服/马甲</li>
<li>短袖T恤</li>
<li>长裤</li>
<li>运动短裤</li>
</ul>
</section>
<section>
<ul>
    <li class="big">所有配件</li>
    <li>包类</li>
    <li>运动袜子</li>
</ul>
</section>
</li> --></li><li class="right1"><a href="">儿童</a><!-- <div class="rightt">
        <section>
            <ul>
                <li class="big">所有鞋类</li>
                <li>运动鞋</li>
                <li>跑鞋</li>
                <li>篮球鞋</li>
                <li>休闲鞋</li>
                <li>板鞋</li>
                <li>户外综训鞋</li>
            </ul>
        </section>
        <section>
            <ul>
</li>
<li class="big">套头卫衣</li>
<li>外套夹克</li>
<li>羽绒服/马甲</li>
<li>袖T恤</li>
<li>长裤</li>
<li>运动短裤</li>
</ul>
</section>
</li> --></li><li><a href="">安踏儿童</a></li><li><a href="">品牌文化</a></li><li><a href="">观赏视频</a></li><li><a href="">联系我们</a></li></ul><section class="sousuo"><span class="iconfont icon-Magnifier"></span> <input type="text" placeholder="  搜索"></section></div><!-- 返回顶部 --><div class="dingbu"><section id="app"><span class="iconfont icon-fanhuidingbu"></span><p><a href="#">返回顶部</a></p></section><section><span class="iconfont icon-gouwuche"></span><p><a href="./guowuche.html">购物车</a></p></section><section><span class="iconfont icon-kefu"></span><p><a href="">客服</a></p></section></div><!-- 图片 --><section class="flist"><!-- <div class="image">
        <img src="../img/1.jpg" alt="">
      </div>
    <div class="image">
      <img src="../img/2.jpg" alt="">
    </div>
    <div class="image">
      <img src="../img/3.jpg" alt="">
    </div>
    <div class="image">
      <img src="../img/4.jpg" alt="">
    </div>
    <div class="image">
      <img src="../img/5.jpg" alt="">
    </div> --></section><!-- 内容 --><div class="neirong"><img src="../img/6.jpg" alt=""><div class="neibu"><section><img src="../img/7.jpg" alt=""> <span><img src="../img/8.jpg" alt=""></span></section><section><img src="../img/9.jpg" alt=""> <span><img src="../img/10.png" alt=""></span></section><section><img src="../img/11.jpg" alt=""> <span><img src="../img/12.png" alt=""></span></section><section><img src="../img/13.jpg" alt=""> <span><img src="../img/14.png" alt=""></span></section></div></div><!-- 内容二 --><div class="neitwo"><div class="one"><section><img src="../img/15.jpg" alt=""><p class="a1">A-SHOCK&nbsp;FIBER科技</p><p class="a2">轻骑兵6代篮球鞋</p><div class="xuangou">立刻选购</div></section><section><img src="../img/16.jpg" alt=""><p class="a1">A-SHOCK&nbsp;FIBER科技</p><p class="a2">轻骑兵6代篮球鞋</p><div class="xuangou">立刻选购</div></section><section><span><img src="../img/com-qr-code.jpg" alt=""><p class="a1">扫码进入</p><p class="a1">安踏官方小程序</p></span></section></div></div><!-- 猜你喜欢 --><div class="like"><h1>猜你喜欢</h1><section>即可选购</section></div><!-- 轮播图 --><div class="swiper-container"><div class="swiper-wrapper"><!-- <div class="swiper-slide"><img src="../img/17.jpg" alt="">
                  <p>【冠军系列】安踏2022年北京冬奥会国旗款女短袖</p></div>
              <div class="swiper-slide"><img src="../img/17.jpg" alt="">
                  <p>【冠军系列】安踏2022年北京冬奥会国旗款女短袖</p></div>
              <div class="swiper-slide"><img src="../img/17.jpg" alt="">
                  <p>【冠军系列】安踏2022年北京冬奥会国旗款女短袖</p></div>
              <div class="swiper-slide"><img src="../img/17.jpg" alt="">
                  <p>【冠军系列】安踏2022年北京冬奥会国旗款女短袖</p></div>
              <div class="swiper-slide"><img src="../img/17.jpg" alt="">
                  <p>【冠军系列】安踏2022年北京冬奥会国旗款女短袖</p></div>
              <div class="swiper-slide"><img src="../img/17.jpg" alt="">
                  <p>【冠军系列】安踏2022年北京冬奥会国旗款女短袖</p></div> --></div><!-- 如果需要分页器 --><!-- 如果需要导航按钮--><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><!-- 如果需要滚动条 --><div class="swiper-scrollbar"></div></div><!-- 微信微博 --><div class="weixin"><div style="height: 0;overflow: hidden;clear: both;"></div><h1>关注我们</h1><p>抢先得知最新产品，独家消息即优惠咨询</p><section><span class="iconfont icon-weixin"></span> <span class="iconfont icon-xinlangweibo"></span></section><h2><img src="../img/com-qr-code.jpg" alt=""></h2></div><!-- 尾页 --><div class="weiye"><span><img src="../img/anta_06.jpg" alt=""></span><section class="boss"><div class="one"><section>在线客服<span class="iconfont icon-kefu"></span></section></div><div class="two"><section>在线资讯<span>440-858-2020</span></section></div><p><img src="../img/com-qr-code.jpg" alt=""></p></section><div class="last"><span>Copyright(C)2012-2020 &nbsp;by&nbsp; www.ANTA.cn&nbsp;&nbsp; C安踏体育用品有限公司版权所有&nbsp;&nbsp; 营业执照&nbsp;&nbsp; 开户许可证个人信息保护政策</span><p>闽ICP备2021011550号-2闽公网安备35020302033806号</p></div></div></div></body></html><script src="../jquery/jquery.js"></script><script src="../jquery/jquery.min.js"></script><script src="../js/lib/swiper-bundle.min.js"></script><script>var mySwiper = new Swiper('.swiper-container', {
    direction: 'horizontal', // 垂直切换选项
    width:310,
    // 如果需要分页器

    // 如果需要前进后退按钮
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },

    // 如果需要滚动条
    scrollbar: {
        el: '.swiper-scrollbar',
    },
})  





$(window).on("scroll", function () {
    if ($(window).scrollTop() > 250) {
        $("#app").fadeIn(1000)
    } else {
        $("#app").fadeOut(1000)
    }
})

$("#app").on("click", function () {
    $("html,body").animate({  // 让body和html回到顶部
        scrollTop: 0
    }, 1000)
})



$(function(){
    getData();
    getGoodsList();
})
function getData(){
    $.get('../img/php/getGoodsList.php',{"typeId":"001"},function(data){
        console.log(JSON.parse(data));
        let arr=JSON.parse(data);
        let str=''
        arr.forEach((item,index)=>{
           str+=`<div class="image">
    <img src="${item.goodsImg}"">
  </div>`
        }) 
        $(`.flist`).html(str)
    })
}
function getGoodsList(){
    $.get('../img/php/getGoodsList.php',{"typeId":"002"},function(data){
        console.log(JSON.parse(data));
        let arr=JSON.parse(data); 
        let str=''
        arr.forEach((item,index)=>{
           str+=`<div class="swiper-slide"><img src="../img/17.jpg" alt="">
              <p>【冠军系列】安踏2022年北京冬奥会国旗款女短袖</p></div>`
        })
        $(`.swiper-wrapper`).html(str)
    })
}</script>